import * as React from "react";
import * as ReactDom from "react-dom";
// import App from './App'
// import App from './hook/hook-update'
// import App from './hook/effect'
// import App from './hook/useContext'
// import App from './hook/useRef'
// import App from "./context/Test";
import App from './placement'

// import {App, App2} from './update/func'
// import App from './events/Test'
// import App from './ref/useRef'
// import App from './renderMode/legacy'
// import App from './update/MountAndUpdate'
// import App from './update/SyncAndAsyncFunc'
// import App from './update/UpdateState'
// import App from './effectList/update'
// import App from './hook/mul-hook'
// import App from './hook/batchUpdate'
// import App from './test/intersection'
// import App from './test/keyboard'
// import App from './hook/memo'
// import App from './workInProgress/index'
// import App from './main-progress/updateContainerToPerformSyncWork'
// import App from './memoAndPureComponent/memo'


// class App extends React.Component {
//   state = { num: 1 };

//   componentDidMount() {
//     // debugger;
//     this.setState({
//       num: 2,
//     });

//     Promise.resolve().then(() => {
//       ReactDom.unstable_batchedUpdates(() => {
//         this.setState({
//           num: 3,
//         });
//         this.setState({
//           num: 4,
//         });
//       });
//     });

//     this.setState({
//       num: 5,
//     });
//   }
//   render() {
//     console.log(this.state.num);
//     return <div>11fasdf1</div>;
//   }
// }

// import {SetState, ForceState} from './update/Class'

export const Context = React.createContext('aa');

// class Test extends React.Component{
//     render() {
//         return <h1>fjsdalkf</h1>
//     }
// }
// class Test2 extends React.Component{
//     render() {
//         return <h1>fjsdalkf</h1>
//     }
// }
// class Test3 extends React.Component{
//     render() {
//         return <h1>fjsdalkf</h1>
//     }
// }

// console.log(Test3())
// debugger
ReactDom.render(<App/>, document.getElementById("root"));

// ReactDom.createRoot(document.getElementById("root")).render(<App />);
// ReactDom.render(<SetState/>, document.getElementById("root"));
// ReactDom.render(<ForceState/>, document.getElementById("root"));
